<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
        <link type="text/css" rel="stylesheet" href="../css/bootstrap-theme.min.css" />
        <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
        <script type="text/javascript" src="../js/bootstrap.min.js"></script>
        <style type="text/css">
            .carousel {
                width: 525px;
                height: 525px;
            }

            .item img {
                width: 525px;
                height: 525px;
            }
        </style>
    <title></title>
    </head>

<body>
<ul class="nav nav-pills ">
    <li class="active"><a href="#h5" data-toggle="tab">首页</a></li>
    <li><a href="#java" data-toggle="tab">登录</a></li>
    <li><a href="#android" data-toggle="tab">我的</a></li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="h5">
        <p>请登录或注册</p>
    </div>
    <div class="tab-pane fade" id="java">
        <p>请登录</p>
    </div>
    <div class="tab-pane fade" id="android">
        <p>个人中心</p>
    </div>
</div>
<form>
    <div class="form-group">
        <label for="exampleInputPassword1">账户名</label>
        <input type="text" class="form-control" id="exampleInputPassword0" placeholder="username">
    </div>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">密码</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>

            性别：
            <label class="radio-inline">
                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="1"> 男
            </label>
            <label class="radio-inline">
                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="2"> 女
            </label>
        </div>
    <br>
    爱好：
    <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox1" value="1"> 王者
    </label>
    <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox2" value="2"> 吃鸡
    </label>
        <label class="checkbox-inline">
            <input type="checkbox" id="inlineCheckbox3" value="3"> 不学java
        </label>

</div>
    <div class="form-group">
        城市：
    <select class="form-control">
        <option>请选择您的城市</option>
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>广州</option>

    </select>
        <div class="form-group">
            <label for="exampleInputEmail1">邮箱</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
        </div>
        <div class="form-group">

    </div>

    <div class="form-group">
        上传文件：
        <label for="exampleInputFile">上传文件</label>
        <input type="file" id="exampleInputFile">
    </div>

    <button type="submit" class="btn btn-default">提交</button>
</form>



</body>
</html>